@import '../../../../scss/variable.scss';
page{
    background-color: $invite-page-bg!important;
}
.container{
    padding: 60rpx 50rpx 0;
}
.qrcode-container{
    display: flex;
    justify-content: center;
}
.buttons{
    display: flex;
    justify-content: space-between;
    margin-top: 56rpx;
}
.desc{
    margin-top: 80rpx;
    font-size:24rpx;
    color:$invite-desc;
    line-height:46rpx;
}
.code-container{
    margin-top: 14rpx;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 90rpx;
    border-bottom: 2rpx solid $invite-code-border-bottom-color;
}
.code{
    font-size:50rpx;
    color:rgba(248,246,250,1);
    line-height:70rpx;
}
.copy-button{
    display: inline-block;
    width: 126rpx;
    line-height: 48rpx;
    text-align: center;
    font-size: 22rpx;
    border-radius: 24rpx;
    border: 2rpx solid $invite-copy-button-border-color;
    color: $invite-copy-button-color;
    background-color: transparent;
    &.copied{
        border: 2rpx solid $invite-copy-button-border-copied-color;
        color: $invite-copy-button-copied-color;
    }
}